{include file="public/header" /}
		<!--还在为这些而烦恼么标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 0"}
		<div class="layui-fluid layui-margin-bottom-100 layui-margin-top-100 wow bounceInLeft" data-wow-duration='1.2s'>
			<div class="layui-row">
				<div class="layui-col-md12  layui-text-center layui-one">
					<span class="layui-padding layui-boder-b">{$vo.title}</span>
				</div>
			</div>
		</div>
		<!--还在为这些而烦恼么标题部分结束-->
		<!--还在为这些而烦恼么内容部分开始-->
		<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
			<div class="layui-row layui-col-space30">
				{volist name="$vo.son" id="vo2"}
				<div class="layui-col-md3 layui-col-xs12">
					<div class="thumbnail-img layui-bg-green">
						<img src="{$vo2.thumb}"  width="100% /">
					</div>
					<div class="thumbnail-img-content layui-boder-all">
						<h3 style="margin-bottom: 24px;">{$vo2.title}</h3>
						{$vo2.content}
					</div>
				</div>
				{/volist}
			</div>
		</div>
{/if}
{/volist}
		<!--还在为这些而烦恼么内容部分结束-->

		<div class="bg1 layui-margin-bottom-100" id="bg11">
			<!--有比较才会有选择标题部分开始-->
			{volist name="ret" id="vo"}
			{if condition="$key eq 1"}
			<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
				<div class="layui-row">
					<div class="layui-col-md12  layui-text-center layui-one">
						<span class="layui-padding layui-boder-b">{$vo.title}</span>
					</div>
				</div>
			</div>
			{/if}
			{/volist}
			<!--有比较才会有选择标题部分结束-->
			<!--有比较才会有选择标题内容部分开始-->
			<div class="layui-container layui-margin-bottom-100 bg-color-white wow bounceInRight" data-wow-duration='1.2s'>
				<div class="layui-row">
					{volist name="ret" id="vo"}
					{if condition="$key eq 2"}
					<div class="layui-col-md5 layui-col-xs12">
						<div class="tranditional bg-color-yellow layui-text-center">
							{$vo.title}
						</div>
						<div class="tranditional-ul">
							<ul>
								{volist name="$vo.son" id="vo2"}
								<li>
									<span>{$vo2.title}</span>
									{$vo2.content}
								</li>
						        {/volist}
							</ul>
						</div>
					</div>
					{/if}
					{/volist}
					<div class="layui-col-md2  layui-text-center">
						<div class="tranditional-center layui-bg-blue layui-text-center">
							VS
						</div>
					</div>
					{volist name="ret" id="vo"}
					{if condition="$key eq 3"}
					<div class="layui-col-md5 layui-col-xs12">
						<div class="tranditional bg-color-yellow layui-text-center">
							{$vo.title}
						</div>
						<div class="tranditional-ul">
							<ul>
								{volist name="$vo.son" id="vo2"}
								<li>
									<span>{$vo2.title}</span>
									{$vo2.content}
								</li>
								{/volist}
							</ul>
						</div>
					</div>
					{/if}
					{/volist}
				</div>
			</div>
		</div>

		<!--有比较才会有选择标题内容部分结束-->

		<!--零零诉VIP套餐服务标题部分开始-->
		{volist name="ret" id="vo"}
		{if condition="$key eq 4"}
		<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
			<div class="layui-row">
				<div class="layui-col-md12  layui-text-center layui-one">
					<span class="layui-padding layui-boder-b">{$vo.title}</span>
				</div>
			</div>
			<div class="layui-row" style="margin-top: 60px;">
				<div class="layui-col-md12  layui-text-center layui-two">
					<span class="">{$vo.generalize}</span>
				</div>
			</div>
		</div>
		{/if}
		{/volist}
		<!--零零诉VIP套餐服务标题部分结束-->
		<!--零零诉VIP套餐服务内容部分开始-->
		<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
			<div class="layui-row">
				<div class="layui-col-md12 layui-col-xs12">
					<div class="twoswiper-container">
						<div class="swiper-wrapper">
							{volist name="meal" id="vo"}
							<div class="swiper-slide">
								<div class="bg-color-yellow slide-item layui-text-center slide-item-padding">
									<h3>{$vo.titles}</h3>
									<h1>{$vo.script}<span>元/年</span></h1>
								</div>
								<div class="slide-item-content layui-boder-all">
									<h3>{$vo.desc}</h3>
									<ul>
										{$vo.content}
									</ul>
									<button class="layui-btn-primary">立即购买</button>
								</div>
							</div>
						    {/volist}
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
			</div>
		</div>
		<!--零零诉VIP套餐服务内容部分结束-->

		<!--风雨同舟 共同成长标题部分开始-->
		{volist name="ret" id="vo"}
		{if condition="$key eq 5"}
		<div class="bg2 bg-color-gray" id="bg22">
			<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
				<div class="layui-row">
					<div class="layui-col-md12  layui-text-center layui-one">
						<span class="layui-padding layui-boder-b">{$vo.title}</span>
					</div>
				</div>
				<div class="layui-row" style="margin-top: 60px;">
					<div class="layui-col-md12  layui-text-center layui-two">
						<span class="">{$vo.generalize}</span>
					</div>
				</div>
			</div>
			<!--风雨同舟 共同成长标题部分结束-->
			<div class="layui-container wow zoomIn" data-wow-duration="1.5">
				<div class="layui-row layui-text-center layui-margin-bottom-24">
					{volist name="$vo.image" id="vo2"}
					{if condition="$key lt 3"}
					<div class="layui-col-md4">
						<img src="{$vo2}" width="360" height="173"/>
					</div>
					{/if}
					{/volist}
				</div>
				<div class="layui-row layui-text-center layui-margin-bottom-24">
					{volist name="$vo.image" id="vo2"}
					{if condition="$key gt 2 & $key lt 6"}
					<div class="layui-col-md4">
						<img src="{$vo2}" width="360" height="173"/>
					</div>
					{/if}
					{/volist}
				</div>	
				<div class="layui-row layui-text-center layui-margin-bottom-24">
					{volist name="$vo.image" id="vo2"}
					{if condition="$key gt 5"}
					<div class="layui-col-md4">
						<img src="{$vo2}" width="360" height="173"/>
					</div>
					{/if}
					{/volist}
				</div>				
			</div>
			<!--风雨同舟 共同成长内容部分开始-->
		</div>
	{/if}
	{/volist}
		<!--风雨同舟 共同成长内容部分结束-->

		<!--服务说明标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 6"}
		<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
			<div class="layui-row">
				<div class="layui-col-md12  layui-text-center layui-one">
					<span class="layui-padding layui-boder-b text-color-black">{$vo.title}</span>
				</div>
			</div>
			<div class="layui-row" style="margin-top: 60px;">
				<div class="layui-col-md12  layui-text-center layui-two">
					<span class="text-color-black">{$vo.generalize}</span>
				</div>
			</div>
		</div>
		<!--服务说明标题部分开始-->
		<!--服务说明内容部分开始-->
		<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
			<div class="layui-row layui-margin-bottom-48 layui-col-space30">
				{volist name="$vo.son" id="vo2"}
				{if condition="$key lt 3"}
				<div class="layui-col-md4  layui-text-center">
					<div class="server-title">
						<h3>{$vo2.title}</h3>
					</div>
					<div class="server-content layui-boder-all">
						{$vo2.content}
					</div>
				</div>
                {/if}
				{/volist}

			</div>

			<div class="layui-row layui-margin-bottom-48 layui-col-space30">
				{volist name="$vo.son" id="vo2"}
				{if condition="$key gt 2 & $key lt 5"}
				<div class="layui-col-md4  layui-text-center">
					<div class="server-title">
						<h3>{$vo2.title}</h3>
					</div>
					<div class="server-content layui-boder-all">
					{$vo2.content}
					</div>
				</div>
				{/if}
				{/volist}

				{volist name="$vo.son" id="vo2"}
				{if condition="$key gt 4"}
				<div class="layui-col-md4">
					<div>
						<img src="{$vo2.imgs}" />
					</div>
					<div class="server-contentt layui-boder-all">
						<div class="layui-inline">
							<img class="layui-circle" src="{$vo2.thumb}" />
						</div>
						<div class="layui-inline layui-text-center" id="customer">
							<div class="newkefu">{$vo2.title}</div>
							{$vo2.content}
						</div>
					</div>
				</div>
				{/if}
				{/volist}
			</div>
		</div>
{/if}
{/volist}
		<!--服务说明内容部分结束-->
{include file="public/footer" /}